// 登录的控制器 ：和登录有关的功能 都会放在login控制器里
import loginView from "@/login.ejs"; //引入登录页面的ejs文件(ejs后期方便维护)
import axios from "../api/index.js";

export default function (router) {
  router.route("/login", (req, res) => {
    res.render(loginView()); // 渲染login页面的路由

    //获取用户名和密码的input框
    let usernameEle = document.querySelector(".username");
    let pwdEle = document.querySelector(".pwd");
    let loginStyleEle = document.querySelector(".loginStyle");
    loginStyleEle.onclick = async function (e) {
      e.preventDefault(); //阻止form表单的自动跳转
      let username = usernameEle.value;
      let pwd = pwdEle.value;
      console.log(username, pwd);
      //把获取到的用户名的密码的值提交到后端进行校验
      let { data } = await axios.post("/checkuser", { username, pwd }); //把前端获取到的用户名和密码的值通过第二个参数传递到后端
      // console.log(result);
      if (data.status == 1) {
        //如果前端接收到后端返还的结果值(用户名和密码)是正确的，也就是data.status为1的时候，就可以登录成功并跳转到user界面
        //用户名和密码正确之后，后端需要签发一个token，获取到token后需要自己保存
        localStorage.setItem("token", data.token);

        router.go("/admin/users");
        // console.log(data);
      } else {
        alert("用户名或密码错误");
      }
    };
  });
}
